<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      //   function Person() {
      //     this.username = "lili";
      //   }
      //   Person.username = "jack";
      //   Person.say = function () {};

      /*
        类也是对象等同于构造函数
        ① 作为对象使用
        ② 构建对象使用
      */
      class Person {
        // 静态属性：在类对象上定义属性
        static username = "jack"; // Preson.username
        username = "lili"; // this.username
        constructor() {
          // this.username = "lili";
        }
        // 静态方法：在类对象上定义方法
        static say() {
          // Person.say
          console.log("say jack");
        }
        say() {
          // Person.prototype.say
          console.log("say lili");
        }
      }
      //   Person = {}
      //   Person.username = "jack";
      //   Person.say = function () {};
    </script>
  </body>
</html>
